<template>
  <div class="container">
    <el-row :gutter="20">

      <!--  左边卡片容器    -->
      <el-col :span="8">

        <!--   个人信息卡片     -->
        <HomepersonCardTop/>

        <!--   数据表格卡片     -->
        <HomeTable/>
      </el-col>


      <!--  右边卡片容器    -->
      <el-col :span="16">

        <!--   上     -->
        <HomeDingDan/>

        <!--   中     -->
        <HomeQuXian/>

        <!--下-->
        <HomeTu/>

      </el-col>

    </el-row>
  </div>
</template>

<script>
import HomepersonCardTop from "@/HomePage/HomepersonCardTop";
import HomeTable from "@/HomePage/HomeTable";
import HomeDingDan from "@/HomePage/HomeDingDan";
import HomeQuXian from "@/HomePage/HomeQuXian";
import HomeTu from "@/HomePage/HomeTu";
export default {
  name: "IsHome",
  data() {
    return {

    }
  },
  components:{
    HomepersonCardTop,
    HomeTable,
    HomeDingDan,
    HomeQuXian,
    HomeTu
  }
}
</script>
<style scoped>
.container {
  padding: 20px;
}

</style>